<template>
    <el-menu
        active-text-color="#409EFF"
        background-color="#32363f"
        text-color="#fff"
        style="height:100%"
        :collapse="$store.state.iscollapse"
      >

        <!-- 一级菜单 -->
        <el-sub-menu index="1">
            <!-- 一级菜单内容 -->
          <template #title>
            <el-icon><House /></el-icon>
            <span>首页管理</span>
          </template>
          <!-- 二级菜单 -->
            <el-menu-item index="1-1">
                <template #title>
                    <el-icon></el-icon>
                    <span>后台首页</span>
                  </template>
            </el-menu-item>
        </el-sub-menu>  
        
        <!-- 一级菜单 -->
        <el-sub-menu index="2">
            <!-- 一级菜单内容 -->
            <template #title>
            <el-icon></el-icon>
            <span>用户管理</span>
            </template>
            <!-- 二级菜单 -->
            <el-menu-item index="2-1">
                <template #title>
                    <el-icon></el-icon>
                    <span>用户信息</span>
                    </template>
            </el-menu-item>
        </el-sub-menu>   

          <!-- 一级菜单 -->
          <el-sub-menu index="3">
            <!-- 一级菜单内容 -->
            <template #title>
            <el-icon><location /></el-icon>
            <span>图库管理</span>
            </template>
            <!-- 二级菜单 -->
            <el-menu-item index="3-1">
                <template #title>
                    <el-icon><location /></el-icon>
                    <span>产品</span>
                    </template>
            </el-menu-item>
        </el-sub-menu>  

        <!-- 一级菜单 -->
        <el-sub-menu index="4">
            <!-- 一级菜单内容 -->
            <template #title>
            <el-icon><location /></el-icon>
            <span>公告管理</span>
            </template>
            <!-- 二级菜单 -->
            <el-menu-item index="4-1">
                <template #title>
                    <el-icon><location /></el-icon>
                    <span>产业要闻</span>
                    </template>
            </el-menu-item>
        </el-sub-menu>
      </el-menu>
</template>

<script setup>
// import{House,location} from '@element-plus/icons-vue'
</script>

<style>

</style>